<template>
	<view class="pay-status">
		<view class="top-wrapper">
			<view class="order-status">
				<view class="status">					
					<uni-icons type="checkbox" color="#fff" size="30"></uni-icons>
					<text>支付成功</text>
				</view>
				<view class="info-txt">
					<text>您已支付成功，感谢您的购买。</text>
				</view>
				<view class="btn-group">
					<view>
						<text @click="orderDetail">查看订单</text>
						<!-- <navigator :url="'../order/order-detail?orderid='+orderid" open-type="redirect">查看订单</navigator> -->
					</view>
					<view>
						<text @click="goHome">返回活动</text>
					</view>					
				</view>				
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			goHome(){
				this.$uniGo('switchTab',{
					url:"/pages/home/home"
				})
				// uni.switchTab({
				// 	url:"/pages/home/home"
				// })
			},
			orderDetail(){
				this.$uniGo('navigateTo',{
					url:"/pages/order/order-detail"
				})
				// uni.navigateTo({
				// 	url:"/pages/order/order-detail"+'?orderid=182610'
				// })
			}
		}
	}
</script>

<style lang="scss" scoped>	
	.top-wrapper{
		padding: 30rpx 30rpx 1rpx;
		// background: linear-gradient(to right, #fa7f3f, #fb3a28);
		background: #56b04e;
		.order-status{
			color: #fff;
			text-align: center;
			font-size: 40rpx;
			padding: 30rpx 0;
			text{
				display: block;
				font-size: 28rpx;
				// line-height: 2;
			}
			.status{
				display: flex;
				align-items: center;
				justify-content: center;
				flex-direction: column;
				text{
					margin-left: 10rpx;
					color: #fff;
					text-align: center;
					font-size: 40rpx;
				}
			}
		}
		.btn-group{
			display: flex;
			align-items: center;
			justify-content: center;
			width: 100%;
			margin: 40rpx auto 30rpx;
			font-size: 26rpx;
			view{
				border: 1rpx #fff solid;
				border-radius: 50rpx;
				color: #fff;
				padding: 10rpx 30rpx;
				margin: 0 60rpx;
			}			
		}
		.info-txt{
			width: 100%;
			text-align: center;	
			margin: 40rpx 0 20rpx;
			line-height: 1.7;
			text{
				display: block;
				font-size: 24rpx;
			}
		}
	}
</style>
